  <style>
  body {
      background-image: url('../user/touxiang/background.jpg'); /* 设置背景图片 */
      background-size: cover; /* 图片覆盖整个背景 */
      background-position: center; /* 图片居中 */
      background-attachment: fixed; /* 背景图片固定 */
      background-color: rgba(255, 255, 255, 0.8); /* 半透明的白色背景色 */
  }
 /* 原有的 jumbotron 样式 */
    .jumbotron {
     background-image: url('../user/touxiang/background.jpg'); /* 设置背景图片 */
     background-size: cover; /* 图片覆盖整个背景 */
     background-position: center; /* 图片居中 */
     background-attachment: fixed; /* 背景图片固定 */
     background-color: rgba(255, 255, 255, 0.8); /* 半透明的白色背景色 */
      border-radius: 8px;
      box-shadow: 0 4px 8px rgba(0,0,0,0.1);
      padding: 2rem;
      margin-bottom: 2rem;
      text-align: center;
    }
    .jumbotron h1 {
      font-size: 50px;
      color: black;
      margin-bottom: 1rem;
    }
    .jumbotron p {
      font-size: 20px;
      color: black;
      margin-bottom: 1rem;
    }
    .jumbotron a {
      display: inline-block;
      margin-top: 1rem;
      padding: 0.5rem 1.5rem;
      background-color: black;
      color: #fff;
      border-radius: 5px;
      text-decoration: none;
      transition: background-color 0.3s ease;
    }
    .jumbotron a:hover {
      background-color: #0056b3;
    }
    @media (max-width: 768px) {
      .jumbotron h1 {
        font-size: 2rem;
      }
      .jumbotron p {
        font-size: 1rem;
      }
    }
	
	
	 /* 直接为表格标签添加样式 */
	      table {
	        width: 100%;
	        margin-bottom: 20px;
	        border-collapse: collapse;
	        border: 2px solid #3498db; /* 添加外部边框 */
	        border-radius: 8px;
	        overflow: hidden;
	        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	      }
	
	      table th, table td {
	        padding: 12px;
	        text-align: center;
	        border: 1px solid #ddd; /* 添加单元格边框 */
	      }
	
	      table th {
	        background-color: #3498db;
	        color: white;
	        font-weight: bold;
	      }
	
	      table tr:nth-child(even) {
	        background-color: #f2f2f2;
	      }
	
	      table tr:hover {
	        background-color: #ddd;
	      }
	
	      table .btn-danger {
	        background-color: #e74c3c;
	        color: white;
	        border: none;
	        padding: 5px 10px;
	        border-radius: 5px;
	        cursor: pointer;
	        transition: background-color 0.3s;
	      }
	
	      table .btn-danger:hover {
	        background-color: #c0392b;
	      }
		  
		    /* 修改导航栏样式 */
		        .navbar {
		          background-color: #3498db; /* 导航栏背景颜色 */
		          border-radius: 0; /* 去掉圆角 */
		          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* 添加阴影效果 */
		        }
		  
		        .navbar .navbar-brand {
		          color: white; /* 品牌链接颜色 */
		        }
		  
		        .navbar .navbar-brand:hover {
		          color: #e6e6e6; /* 品牌链接悬停颜色 */
		        }
		  
		        .navbar .nav > li > a {
		          color: white; /* 导航链接颜色 */
		          font-weight: bold;
		        }
		  
		        .navbar .nav > li > a:hover {
		          color: #e6e6e6; /* 导航链接悬停颜色 */
		          background-color: #2c75bb; /* 导航链接悬停背景颜色 */
		        }
		  
		        .navbar .nav > .active > a,
		        .navbar .nav > .active > a:hover,
		        .navbar .nav > .active > a:focus {
		          color: #e6e6e6; /* 当前选中的链接颜色 */
		          background-color: #2c75bb; /* 当前选中的链接背景颜色 */
		        }
		  
		        .navbar .navbar-right > li > a {
		          color: white; /* 右侧导航链接颜色 */
		        }
		  
		        .navbar .navbar-right > li > a:hover {
		          color: #e6e6e6; /* 右侧导航链接悬停颜色 */
		          background-color: #2c75bb; /* 右侧导航链接悬停背景颜色 */
		        }

  </style>

<nav class="navbar navbar-default navbar-fixed-top">
  <div class="container">
	<div class="navbar-header">
	  <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
		<span class="sr-only">Toggle navigation</span>
		<span class="icon-bar"></span>
		<span class="icon-bar"></span>
		<span class="icon-bar"></span>
	  </button>
	  <a class="navbar-brand" href="#">后台管理</a>
	</div>
	<div id="navbar" class="navbar-collapse collapse">
	  <ul class="nav navbar-nav">
		<li><a href="main.php">首页</a></li>
		<li class="active"><a href="goodslist.php">商品管理</a></li>
		<li><a href="userlist.php">用户管理</a></li>
		<li><a href="articlelist.php">文章管理</a></li>
		<li><a href="advlist.php">广告管理</a></li>
	    <li><a href="orderlist.php">订单管理</a></li>
	    <li><a href="collectlist.php">收藏管理</a></li>
	    <li><a href="commentlist.php">评论管理</a></li>

	  </ul>
	  <ul class="nav navbar-nav navbar-right">
		<li class="active"><a href="../index.php">进入前台 <span class="sr-only">(current)</span></a></li>
	  </ul>
	</div><!--/.nav-collapse -->
  </div>
</nav>
